<template>
    <div class="one">
        <div class="head">
            <div class="left">
                <img src="../../../assests/png/全科.png" alt="">
                <p>常见科室</p>
            </div>
            <div class="right">
                <p>全部 ></p>
            </div>
        </div>
        <div class="body">
            <ul class="ulStyle">
                <li>神经内科</li>
                <li>消化内科</li>
                <li>呼吸内科</li>
                <li>内科</li>
                <li>神经外科</li>
                <li>妇科</li>
                <li>产科</li>
                <li>儿科</li>
            </ul>
        </div>

    </div>

    <div class="two">
        <div class="head">
            <div class="left">
                <img src="../../../assests/png/全科.png" alt="">
                <p>平台公告</p>
            </div>
            <div class="right">
                <p>全部 ></p>
            </div>
        </div>
        <div class="body">
            <div class="content">
                <div>
                    <img src="../../../assests/png/点.png" alt="">
                    <p>关于中国人民医院xxxxxxxxxxxxxxx</p>
                </div>
                <div>
                    <img src="../../../assests/png/点.png" alt="">
                    <p>关于中国人民医院xxxxxxxxxxxxxxx</p>
                </div>

            </div>
        </div>
    </div>

    <div class="three">
        <div class="head">
            <div class="left">
                <img src="../../../assests/png/全科.png" alt="">
                <p>停诊公告</p>
            </div>
            <div class="right">
                <p>全部 ></p>
            </div>
        </div>
        <div class="body">
            <div class="content">
                <div>
                    <img src="../../../assests/png/点.png" alt="">
                    <p>关于中国人民医院xxxxxxxxxxxxxxx</p>
                </div>
                <div>
                    <img src="../../../assests/png/点.png" alt="">
                    <p>关于中国人民医院xxxxxxxxxxxxxxx</p>
                </div>

            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
const staticData = defineProps(["data", "num"]);


</script>

<style lang="scss" scoped>
.one {
    width: 100%;
}

img {
    width: 25px;
    height: 25px;
}

p,
div {
    font-size: 15px;
    color: #7f7f7f;
    line-height: 25px;
}

.ulStyle {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

li {
    list-style: none;
    width: 50%;
}

.head {
    display: flex;
    justify-content: space-between;

    .left {
        display: flex;
    }
}

p {
    white-space: nowrap;
    // 省略号
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.content {
    margin-top: 10px;
}

.content>div {
    display: flex;
}
</style>